<template>
  <el-container>
    <el-header>
      <MyHeader></MyHeader>
    </el-header>
    <el-main>
      <RouterView></RouterView>
    </el-main>
  </el-container>
</template>

<script>
  import MyHeader from './base/header';
  import  Home from './components/Home'
  import Vue from 'vue';
  import {Container,Header,Main} from 'element-ui';

  Vue.use(Container);
  Vue.use(Header);
  Vue.use(Main);

export default {
  name: 'App',
  data(){
    return{}

  },
  components:{
    MyHeader,
    Home,
  }
}
</script>

<style lang="less">
  body{
    margin: 0;
    padding: 0;

    .el-header{
      height: auto !important;
    }
  }
  .el-container > *{
    padding: 0 !important;
  }


</style>
